<!--
    THIS EXAMPLE WAS DOWNLOADED FROM https://echarts.apache.org/examples/zh/editor.html?c=radar-custom
-->
<!DOCTYPE html>
<html style="height: 80%">
    <body style="height: 100%;">
		
        <div id="container3" style="height: 420px;"></div>

        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
        <!-- Uncomment this line if you want to dataTool extension
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/extension/dataTool.min.js"></script>
        -->
        <!-- Uncomment this line if you want to use gl extension
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl@2/dist/echarts-gl.min.js"></script>
        -->
        <!-- Uncomment this line if you want to echarts-stat extension
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat@latest/dist/ecStat.min.js"></script>
        -->
        <!-- Uncomment this line if you want to use map
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/map/js/china.js"></script>
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/map/js/world.js"></script>
        -->
        <!-- Uncomment these two lines if you want to use bmap extension
        <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=<Your Key Here>"></script>
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/extension/bmap.min.js"></script>
        -->

        <script type="text/javascript">
var dom = document.getElementById("container3");
var myChart = echarts.init(dom);
var app = {};

var option;



option = {
		color: ['#5B9BD5'],
		title: {
		        text: '二级指标得分率',
		        x: 'center',

		    },
	    xAxis: {
	        type: 'category',
	        data: [{$second_quota_string}]
	    },
	    yAxis: {
	        type: 'value',
	        axisLabel: {  
                show: true,  
                interval: 'auto',  
                formatter: '{value} %'  
                },  
            show: true
	        
	    },
	    tooltip : {
            trigger: 'axis',
            formatter: '{b}{c}%',　　　　//这是关键，在需要的地方加上就行了
            axisPointer: {
                type: 'cross',
                label: {
                    backgroundColor: '#6a7985'
                }
            }
        },
	    calculable: true,
	    series: [{
	        data: [{$score_all_df_string}],
	        barWidth : 30,//柱图宽度
	        type: 'bar',
	        
	        itemStyle: {        //上方显示数值
                normal: {
                    label: {
                        show: true, //开启显示
                        position: 'top', //在上方显示
                        formatter: '{c}%',　　　　//这是关键，在需要的地方加上就行了
                        textStyle: { //数值样式
                            color: 'black',
                            fontSize: 14
                        }
                    }
                }
            }
	    }]
	};

if (option && typeof option === 'object') {
    myChart.setOption(option);
}

        </script>
    </body>
</html>